<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>test one line float left and right in IE6</title>
<style type="text/css">
#topnav { 
  	background: url("images/topNav.jpg") repeat scroll 0 0 transparent;
	color: #EEEEEE;
	min-width: 980px;
    overflow: hidden;
}
ul.ulNav { 
	border:0 none;
	margin:0;
	padding:0;
	display:inline;
	width:100%;
}
.page_margins { text-align:left; margin: 0 auto; }
.page_margins { max-width: 80em; }
.page {
	font-size: 11px;
	height: 30px;
	padding: 5px 0;
    text-align: left;
	margin: 0 20px;
}
.welcome { float:left; height:30px; width:25%; }
.welcome span {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding-left:40px;
}
.userNav { float:right; height:30px; }
.userNav span {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding-left:30px;
}
.userNav ul li {
	display:block;
	height:30px;
	list-style-type:none;
	float:left;
	margin-left:15px;
}
.userNav ul li a {
	display:block;
	height:30px;
	line-height:30px;
	float:left;
	cursor:pointer;
    text-decoration:none;
}
span.messageNum {
	height:16px;
	line-height:16px;
	text-align:center;
	border-radius: 2px 2px 2px 2px;
	padding:0 5px;
	margin:7px 0 7px 5px;
	background-color:red;
}
#userPic {
	display: block;
	height:30px;
	line-height:30px;
	cursor:pointer;
	background:url("images/userPic.png") no-repeat scroll 5px 5px transparent;
}
#profile {
	background:url("images/icons/topnav/profile.png") no-repeat scroll 5px 7px transparent;
}
#message {
	background:url("images/icons/topnav/messages.png") no-repeat scroll 5px 7px transparent;
}
#setting {
	background:url("images/icons/topnav/settings.png") no-repeat scroll 5px 7px transparent;
}
#logout {
	background:url("images/icons/topnav/logout.png") no-repeat scroll 5px 7px transparent;
}
</style>
</head>
<body>
<div id="topnav" role="contentinfo">
    <div class="page_margins">
      <div class="page">
	  	<div class="welcome">
			<a id="userPic" href="#"><span>您好  李鹏羽</span></a>
		</div>
		<div class="userNav">
			<ul class="ulNav">
				<li>
					<a id="profile" href="#"><span>我的主页</span></a>
				</li>
				<li>
					<a id="message" href="#">
						<span>消息</span>
						<span class="messageNum">7</span>
					</a>
				</li>
				<li>
					<a id="setting" href="#"><span>设置</span></a>
				</li>
				<li>
					<a id="logout" href="#"><span>退出</span></a>
				</li>
			</ul>
		</div>
		
      </div>
    </div>
 </div>
</body>
</html>